<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            color: #333;
        }
        label {
            display: block;
            margin-top: 10px;
        }
        input, select, textarea {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        button {
            background-color: #f0f0f0;
            color: #333;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-top: 20px;
        }
        button:hover {
            background-color: #ddd;
        }
    </style>
</head>
<body>
<h1>用户注册</h1>
<form action="#" method="post">
    <!-- 姓名 -->
    <div>
        <label for="fullName">姓名：</label>
        <input type="text" id="fullName" name="fullName" required>
    </div>

    <!-- 邮箱 -->
    <div>
        <label for="email">邮箱：</label>
        <input type="email" id="email" name="email" required>
    </div>

    <!-- 密码 -->
    <div>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required>
    </div>

    <!-- 生日 -->
    <div>
        <label for="birthday">生日 (yyyy-mm-dd)：</label>
        <input type="date" id="birthday" name="birthday" required>
    </div>

    <!-- 性别 -->
    <div>
        <label for="gender">性别：</label>
        <input type="radio" id="male" name="gender" value="男" required> 男
        <input type="radio" id="female" name="gender" value="女" required> 女
    </div>

    <!-- 职业 -->
    <div>
        <label for="profession">职业：</label>
        <select id="profession" name="profession" required>
            <option value="开发者">开发者</option>
            <option value="设计师">设计师</option>
            <option value="产品经理">产品经理</option>
            <option value="其他">其他</option>
        </select>
    </div>

    <!-- 已婚 -->
    <div>
        <label for="married">已婚？</label>
        <input type="checkbox" id="married" name="married">
    </div>

    <!-- 备注 -->
    <div>
        <label for="note">备注：</label>
        <textarea id="note" name="note" rows="4"></textarea>
    </div>

    <!-- 注册按钮 -->
    <button type="submit">注册</button>
</form>
</body>
</html>